<template>
  <div class="search-box bgc-fff pl12 pr12 pt10 pb10">
    <router-link class="search bgc-f6f6f6 block" :to="url">
      <span class="search-icon"></span>
      <span class="search-text">搜索</span>
    </router-link>
  </div>
</template>
<script>
export default {
  props:{
    url:{
      default : ''
    }
  }
};
</script>
<style scoped lang="scss">
/*顶部搜索框*/
.search-box {
  .search {
    width: 3.51rem;
    height: 0.28rem;
    line-height: 0.28rem;
    border-radius: 0.14rem;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #F6F6F6;

    .search-text {
      font-size: 0.14rem;
      color: #c0c4cc;
    }

    .search-icon {
      width: 0.14rem;
      height: 0.14rem;
      background: url("../../assets/images/search-img@2x.png") no-repeat center/contain;
      display: inline-block;
      margin-right: 0.04rem;
    }
  }
}
</style>


